<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8">
    <title>AdminLTE 2 | Registration Page</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" th:href="@{/plugins/font-awesome-4.7.0/css/font-awesome.min.css}"/>
    <!-- Ionicons -->
    <link rel="stylesheet" th:href="@{/plugins/iconicons-2.0.1/css/ionicons.min.css}"/>
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{/AdminLTE/css/AdminLTE.min.css}"/>
    <!-- iCheck -->
    <link rel="stylesheet" th:href="@{/plugins/iCheck/square/blue.css}"/>
    <link rel="stylesheet" th:href="@{/bootstrap/bootstrap-select/css/bootstrap-select.min.css}">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script th:src="@{/plugins/html5shiv/html5shiv.js}"></script>
    <script th:src="@{/plugins/respond/respond.min.js}"></script>
    <script th:src="@{/bootstrap/bootstrap-select/js/bootstrap-select.min.js}"></script>
    <script th:src="@{/bootstrap/bootstrap-select/js/i18n/defaults-*.min.js}"></script>
    <![endif]-->
  </head>
  <body class="register-page">
    <div class="register-box">
      <div class="login-logo">
        <b>商户</b>管理平台
      </div>
      <div class="register-box-body">
        <p class="login-box-msg">用户注册</p>
        <form action="/MpsUser/setRegUser" method="post">
          <div class="form-group has-feedback">
            <label>用户名称</label>
            <input type="text" id="name" name="name" class="form-control" placeholder="用户帐号"/>
            <span class="glyphicon glyphicon-user form-control-feedback"></span>
          </div>
          <div class="form-group has-feedback">
            <label>用户密码</label>
            <input type="password" id="password" name="pasv" class="form-control" placeholder="用户密码"/>
            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
          </div>
          <div class="form-group has-feedback">
            <label>确认密码</label>
            <input type="password"  id="repassword" name="repasv"   class="form-control"placeholder="确认密码"/>
            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
          </div>
          <div class="form-group has-feedback">
            <label>备注</label>
            <textarea class="form-control" id="descr" name="descr" rows="3" placeholder="请输入..."></textarea>
          </div>
          <div class="row">
            <div class="col-xs-4">
              <button type="submit" class="btn btn-primary btn-block btn-flat">注册</button>
            </div><!-- /.col -->
          </div>
        </form>        

        <a href="/" class="text-center">如果有帐号,请直接点击登录</a>
      </div><!-- /.form-box -->
    </div><!-- /.register-box -->
    <!-- /.login-box -->

    <!-- jQuery 2.2.3 -->
    <script th:src="@{/plugins/jQuery/jquery-2.2.3.min.js}"></script>
    <!-- Bootstrap 3.3.6 -->
    <script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
    <!-- iCheck -->
    <script th:src="@{/plugins/iCheck/icheck.min.js}"></script>
    <script>
        $(function () {
            $('input').iCheck({
                checkboxClass: 'icheckbox_square-blue',
                radioClass: 'iradio_square-blue',
                increaseArea: '20%' // optional
            });
        });
    </script>
  </body>
</html>